<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="shortcut icon" href="#" type="image/png" />
    <title>银基安全运维管理平台</title>
    <link href="assets/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/style-responsive.css" rel="stylesheet" />
    <link href="assets/lib/font-awesome/css/font-awesome.css" rel="stylesheet" />
     <link href="assets/lib/ztree/css/metroStyle/metroStyle.css" rel="stylesheet" />
    <link href="assets/lib/datatable/datatables.min.css" rel="stylesheet" />
    <link href="assets/css/bootstrap-reset.css" rel="stylesheet" />
    <link href="assets/css/datatable-reset.css" rel="stylesheet" />
    <link href="assets/css/style.css" rel="stylesheet" />
    
    <script src='assets/lib/require.js' data-main='assets/main.js' type="text/javascript"></script>
  </head>
  <body class="sticky-header" ng-controller='AppCtrl'>
    <section>
      <!-- 左侧页面包括logo、菜单 -->
      <div class="left-side sticky-left-side">
        <!-- 左上角LOGO -->
        <div class="logo">
            <img src="assets/images/yinji-logo2.png" alt="" />
        </div>
        <div class="logo-icon text-center">
            <img src="assets/images/yinji-logo2.png" alt="" />
        </div>
         <!-- #左上角LOGO -->

         <!-- 左侧菜单 -->
        <div class="left-side-inner">
          <md-left-menu></md-left-menu>
        </div>
         <!-- #左侧菜单 -->
      </div>
       <!-- #左侧页面包括logo、菜单 -->
      
      <!-- 主体 包括头部、面包屑、主体内容、公共组件、版权信息-->
      <div class="main-content">
        <!-- 头部 -->
        <div class="header-section">
          <!--toggle button start-->
          <a class="toggle-btn">
            <i class="fa fa-bars"></i>
          </a>
          <div class="menu-right">
            <ul class="notification-menu">
              <li>
                <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                  <i class="fa fa-bell-o"></i>
                  <span class="badge">4</span></a>
              </li>
              <li>
                <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown"  ng-cloak >
                  <img ng-if='session.avatar' src="{{session.avatar}}" alt="" />{{session.username}}
                  <span class="caret"></span></a>
                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                  <li>
                    <a href="javascript:;" id='logout-btn'>
                      <i class="fa fa-sign-out"></i>
                        安全退出
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
          <!--notification menu end -->
        </div>
        <!-- #头部 -->
        <!-- #面包屑 -->
        <div class="page-heading">
          <div class='page-tab-container'>
            <ul>
              <li new-tab class='new-tab'>
                <label>+</label>
              </li>
            </ul>
          </div>
        </div>
        <!-- #面包屑 -->

        <!--页面主体内容-->
        <div class="wrapper" id='page-container'>
          <div ui-view='main'></div>
        </div>
        <!-- #页面主体内容 -->

        <!--公共组件 -->
        <ng-modal-alert></ng-modal-alert>
        <ng-modal-confirm></ng-modal-confirm>
        <!-- #公共组件 -->

        <!-- Copy right -->
        <footer class='text-center' style='position: absolute; bottom: 0px'>2019 &copy; Smart power by igneek</footer>
        <!-- #Copy right -->

      </div>
        <!-- 主体 包括头部、面包屑、主体内容、公共组件、版权信息-->
    </section>
  </body>

</html>